<template>
<div>
    <mt-swipe :auto="4000">
        <!--在组件中使用v-for 的话,一定要使用key-->
        <mt-swipe-item v-for="item in datalist" :key="item.id">
            <img :src="item.url" alt="" :class="isfull?'full':'notfull'">
        </mt-swipe-item>
    </mt-swipe>
</div>
</template>

<script>
    export default {
        data(){
            return{}
        },props:['datalist','isfull']
    }
</script>

<style lang="scss" scoped>
@import "../base/baseRem.scss";
.mint-swipe{
    height: remFu(200);
    .mint-swipe-item{
        text-align: center;
        img[class=full]{
            width: 100%;
            height: 100%;
        }
        img[class=notfull]{
            width: auto;
            height: 100%;
        }
    }
}
</style>